<template>
  <div>
    <head-top class="header" v-if="!$route.meta.fluid"></head-top>
    <div id="content">
      <div v-if="!$route.meta.fluid" class="container">
        <router-view/>
      </div>
      <div v-else>
        <router-view/>
      </div>

    </div>

    <foot-bottom class="foot"></foot-bottom>
  </div>
</template>
<script>
  import HeadTop from '@/components/head'
  import FootBottom from '@/components/foot'
  export default{
    components:{
      HeadTop,
      FootBottom
    }
  }
</script>
<style lang="less" scoped>
  .header{
    position: relative;
    z-index: 1000;
  }
  #content{
    background:#f3f3f4;

    .container{
      min-height: 1000px;
      width: 1200px;
      margin: 0 auto;
    }
    .foot{
      position: absolute;
      bottom: 0px;
    }
  }
</style>
<style>
  input:-webkit-autofill,
  textarea:-webkit-autofill,
  select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  }
  input[type=text]:focus, input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
  }
</style>
